<a href="{{ "getting-started/angular/" | relURL }}"
    class="inline-flex items-center justify-between px-1 py-1 pr-4 text-sm text-gray-700 bg-gray-100 rounded-full dark:bg-gray-800 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-700"
    aria-label="Component requires Angular">
    <span class="px-3 py-px mr-3 text-xs text-white bg-white rounded-full">
        <svg class="w-6 h-6" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
            <style type="text/css">
                .st0{fill:#DD0031;}
                .st1{fill:#C3002F;}
                .st2{fill:#FFFFFF;}
            </style>
            <g>
                <polygon class="st0" points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2 	"/>
                <polygon class="st1" points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30 	"/>
                <path class="st2" d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
                    L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
            </g>
        </svg>
    </span>
    <span class="text-sm font-medium">Requires Angular</span>
</a>